// --------------------------------------------------
// 工具提示
// @Author: steven.wjx
// @Date:   2020-03-05 13:17:50
// --------------------------------------------------


.#{$ui-name}tooltip {
	position: absolute;
	display: none;
	z-index: 1000;
	display: block;
	font-size: ceil($font-size*.8);
	font-weight: 500;

	.#{$ui-name}tooltip-arrow {
		position: absolute;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
	}

	.#{$ui-name}tooltip-content {
		max-width: 200px;
		padding: 4px 10px;
		color: #fff;
		background-color: $tooltip-bg;
		border-radius: $border-radius/2;
	}

	&.#{$ui-name}tooltip-top {
		.#{$ui-name}tooltip-arrow {
			bottom: -5px;
			left: 50%;
			margin-left: -5px;
			border-width: 5px 5px 0;
			border-top-color: $tooltip-bg;
		}
	}

	&.#{$ui-name}tooltip-bottom {
		.#{$ui-name}tooltip-arrow {
			top: -5px;
			left: 50%;
			margin-left: -5px;
			border-width: 0 5px 5px;
			border-bottom-color: $tooltip-bg;
		}
	}

	&.#{$ui-name}tooltip-left {
		.#{$ui-name}tooltip-arrow {
			right: -5px;
			top: 50%;
			margin-top: -5px;
			border-width: 5px 0 5px 5px;
			border-left-color: $tooltip-bg;
		}
	}

	&.#{$ui-name}tooltip-right {
		.#{$ui-name}tooltip-arrow {
			left: -5px;
			top: 50%;
			margin-top: -5px;
			border-width: 5px 5px 5px 0;
			border-right-color: $tooltip-bg;
		}
	}
}